<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<script type="text/javascript" src="js/yizheng/fenxi/caseAnalysisCommon.js"></script>
<script type="text/javascript" src="js/yizheng/fenxi/wardCaseAnalysis.js"></script>
<style type="text/css">
.fontMed{
	font-size: medium;
}
</style>
<!-- 科室组病例分析 -->
</head>
<body>
	<div class="row">
		<div class="col-xs-12">
			<h1 class="textalignCenter">病例分析</h1>
		</div>
	</div>
	<!-- 开始截止日期以及查询按钮  begin -->
	<div class="col-xs-12" >
		<div id="date_div" class="col-xs-offset-3  date_div" style = "z-index:400">
			<img id="search_png" src="images/co_search.png" >
		  	<label for="startDate" >&nbsp;&nbsp;开始日期:</label>
		  	<input id="startDate" type="text" class="form-control" >
		  	<label for="endDate" >&nbsp;&nbsp;截止日期:</label>
		  	<input id="endDate" type="text" class="form-control" >
		</div>
	</div>
	<!-- 开始截止日期以及查询按钮 end -->
	<!-- 科室组病例统计 begin -->
	<div class="row rowhcq">
	    <div class="col-xs-12">
	        <!-- 页面最上面部分div --> 
	        <div class="boxcq clearfix">
	            <div class="ti" ><i class="fa fa-file-text-o"></i><span id = "totalTitle">科室组病例统计</span></div>
	            <ul class="nav nav-tabs boxnavcq" role="tablist"></ul>
	            <div class="clearfix"></div>
	            <div class="col-xs-12" style = "border-bottom: thin solid #ddd;padding-bottom: 10px;">
	            	<div class = "fontMed  textalignCenter" style="padding-top:10px;"><span class = "depGroupName" style="font-size:16px"></span>出院病例统计表</div>
	            	<div id = "totalOutCase" >
	            	</div>
				</div>
				<div>
					<div class="col-xs-6"style = "border-right: thin solid #ddd;">
						<div class = "fontMed  textalignCenter" style="padding-top:10px;"><span class = "depGroupName" style="font-size:16px"></span>各死亡风险组入组病例统计表</div>
						<div  id = "totalRisk" >
						</div>
					</div>
					<div class="col-xs-6">
						<div class = "fontMed  textalignCenter" style="padding-top:10px;"><span class = "depGroupName" style="font-size:16px"></span>未入组原因统计表</div>
						<div   id = "totalNotIn">
						</div>
					</div>
				</div>
	        </div>
	    </div>
	</div>
	<!-- 科室组病例统计 end -->
	
	<!-- 病案数据统计 begin -->
	<div class="row rowhcq">
	    <div class="col-xs-12">
	        <!-- 页面最上面部分div --> 
	        <div class="boxcq clearfix">
	            <div class="ti"><i class="fa fa-file-text-o"></i>病案数据统计</div>
	            <ul class="nav nav-tabs boxnavcq" role="tablist"></ul>
	            <div class="clearfix"></div>
	            <div class="col-xs-12 rowhcq" style = "border-bottom: thin solid #ddd;">
		            <div class="tab-content col-xs-5">
						<div role="tabpanel" class="tab-pane active">
							<div class="paddingd10" style = "margin-left:-20px;">
								<ul class="nav nav-tabs tabconulcq" role="tablist">
									<li role="presentation" class="active"><a href="#mr_OutCaseCnt_DG" role="tab" data-toggle="tab">出院病例数</a></li>
									<li role="presentation"><a href="#mr_DiagnosisCnt_DG" role="tab" data-toggle="tab">诊断数</a></li>
									<li role="presentation"><a href="#mr_OperationCnt_DG" role="tab" data-toggle="tab">手术数</a></li>
								</ul>
							</div>
						</div>
						<div class="clearfix"></div>
						<div class="tab-content">
							<div role="tabpanel" class="tab-pane active" id="mr_OutCaseCnt_DG">
								<div class="row padding100">
									<div id="mr_OutCaseCntChart" style="width: 450px; height: 400px"></div>
								</div>
							</div>
							<div role="tabpanel" class="tab-pane" id="mr_DiagnosisCnt_DG">
								<div class="row padding100">
									<div id="mr_DiagnosisCntChart" style="width: 450px; height: 400px"></div>
								</div>
							</div>
							<div role="tabpanel" class="tab-pane" id="mr_OperationCnt_DG">
								<div class="row padding100">
									<div id="mr_OperationCntChart" style="width: 450px; height: 400px"></div>
								</div>
							</div>
						</div>
		            </div>
					<div class="tab-content col-xs-7 dataChangeSel">
						<div class = "fontMed  textalignCenter">病案首页数据项统计表</div>
						<div id="medicalRecordTable" >
						</div>
					</div>
				</div>
				
				<div class="col-xs-12">
					<div class="tab-content col-xs-5">
						<div role="tabpanel" class="tab-pane active">
							<div class="paddingd10" style = "margin-left:-20px;">
								<ul class="nav nav-tabs tabconulcq" role="tablist">
									<li role="presentation" class="active"><a href="#mr_NoAgeCnt_DG" role="tab" data-toggle="tab">无年龄例数</a></li>
									<li role="presentation"><a href="#mr_NoMainDiagnosisCnt_DG" role="tab" data-toggle="tab">无主要诊断例数</a></li>
								</ul>
							</div>
						</div>
						<div class="clearfix"></div>
						<div class="tab-content">
							<div role="tabpanel" class="tab-pane active" id="mr_NoAgeCnt_DG">
								<div class="row padding100">
									<div id="mr_NoAgeCntChart" style="width: 450px; height: 400px"></div>
								</div>
							</div>
							<div role="tabpanel" class="tab-pane" id="mr_NoMainDiagnosisCnt_DG">
								<div class="row padding100">
									<div id="mr_NoMainDiagnosisCntChart" style="width: 450px; height: 400px"></div>
								</div>
							</div>
						</div>
		            </div>
					<div class="tab-content col-xs-7 dataChangeSel">
						<div class = "fontMed  textalignCenter">影响DRG分组数据项统计表</div>
						<div id="effectDrggroupTable" >
						</div>
					</div>
				</div>
	        </div>
	    </div>
	</div>
	<!-- 病案数据统计 end -->
	<!-- 出院病例分析 begin -->
	<div class="row rowhcq">
	    <div class="col-xs-12">
	        <!-- 页面最上面部分div --> 
	        <div class="boxcq clearfix">
	            <div class="ti"><i class="fa fa-file-text-o"></i>出院病例分析</div>
	            <ul class="nav nav-tabs boxnavcq" role="tablist"></ul>
	            <div class="clearfix"></div>
	            <div class="col-xs-12">
		            <div class="col-xs-5">
		            	<div id = "totalOutCaseChart" style="width: 450px; height: 300px"></div>
		            </div>
		            <div class="col-xs-7" >
						<div class = "fontMed  textalignCenter">病区病例分布表</div>
						<div id="outCaseDepGroupDistributeTable" >
						</div>
						注：入组率 = 入组病例数 / (出院病例数-大于60天病例数) * 100%
					</div>
				</div>
				<div id = "outCaseDepGroupDistributeChart" style="display:none;z-index:9999;position:absolute; top:150px;left:400px;width: 600px; height: 200px;"></div>
	        </div>
	    </div>
	</div>	
	<!-- 出院病例分析 end -->
	<!-- 入组病例分析 begin-->
	<div class="row rowhcq">
	    <div class="col-xs-12">
	        <!-- 页面最上面部分div --> 
	        <div class="boxcq clearfix">
	            <div class="ti"><i class="fa fa-file-text-o"></i>入组病例分析</div>
	            <ul class="nav nav-tabs boxnavcq" role="tablist"></ul>
	            <div class="clearfix"></div>
	            <div class="col-xs-12 rowhcq" style = "border-bottom: thin solid #ddd;">
		            <div class="col-xs-5">
		            	<div id = "inGroupCaseChart" style="width: 450px; height: 300px"></div>
	            	</div>
					<div class="col-xs-7" >
						<div class = "fontMed  textalignCenter">病区入组病例各风险等级分布表</div>
						<div id="inGroupCaseDepGroupDistributeTable" >
						</div>
					</div>	
				</div>
				<div id = "inGroupCaseDepGroupDistributeChart" style="display:none;z-index:9999;position:absolute; top:150px;left:400px;width: 600px; height: 200px;"></div>
		            
				<div class="col-xs-12">
					<div class="col-xs-5">
						<div  id = "mdcGroupDistributeChart" style="width: 450px; height: 400px"></div>
					</div>
					<div class="col-xs-7 dataChangeSel">
	            		<div class = "fontMed  textalignCenter">MDC入组病例数分布</div>
	            		<div  id = "mdcGroupDistributeTable">
						</div>
					</div>
				</div>
				<!-- <div id = "mdcDepGroupDistributeChart" style="display:none;z-index:9999;position:absolute; top:600px;left:400px;width: 600px; height: 200px;"></div> -->
	        </div>
	    </div>
	</div>	
	<!-- 入组病例分析 end-->
	<!-- 未入组病例分析 begin -->
	<div class="row rowhcq">
	    <div class="col-xs-12">
	        <!-- 页面最上面部分div --> 
	        <div class="boxcq clearfix">
	            <div class="ti"><i class="fa fa-file-text-o"></i>未入组病例分析</div>
	            <ul class="nav nav-tabs boxnavcq" role="tablist"></ul>
	            <div class="clearfix"></div>
	            <div class="col-xs-12 rowhcq" style = "border-bottom: thin solid #ddd;">
	            	<div class="col-xs-6">
			        	<div class = "fontMed  textalignCenter">病区未入组病例占比分析表</div>
						<div id="depGroupNotInPercentTable" >
						</div>
			        </div>
					<div class="col-xs-6" >
						<div class = "fontMed  textalignCenter">病区病例未入组原因分析表</div>
						<div id="depGroupNotInReasonTable" >
						</div>
					</div>	
				</div>
				<div class="col-xs-12">
					<div class = "fontMed  textalignCenter"><span class = "depGroupName" style="font-size:16px"></span>未入组病例主要诊断分析表</div>

	            	<div id = "notInGroupDiagnosisAnalysisTable">
					</div>
				</div>
	        </div>
	    </div>
	</div>	
	
	
	<!-- 未入组病例分析 end -->
	<script type="text/javascript">
		//日期选择器
		$("#"+tabId+" #startDate").datetimepicker({
			format : "yyyy-mm-dd",
			autoclose : true,
			todayBtn : true,
			minView : 2,
			language : 'zh-CN'
		});
		$("#"+tabId+" #endDate").datetimepicker({
			format : "yyyy-mm-dd",
			autoclose : true,
			todayBtn : true,
			minView : 2,
			language : 'zh-CN',
		});
		$("#"+tabId+" #startDate")
		.datetimepicker()
		.on('show', function(ev){
			$('#'+tabId+' #date_div').unbind();
		});
		$("#"+tabId+" #startDate")
		.datetimepicker()
		.on('hide', function(ev){
			$('#'+tabId+' #date_div').bind('mouseover', opc1);
			$('#'+tabId+' #date_div').bind('mouseout', opc0);
		});
		$("#"+tabId+" #endDate")
		.datetimepicker()
		.on('show', function(ev){
			$('#'+tabId+' #date_div').unbind();
		});
		$("#"+tabId+" #endDate")
		.datetimepicker()
		.on('hide', function(ev){
			$('#'+tabId+' #date_div').bind('mouseover', opc1);
			$('#'+tabId+' #date_div').bind('mouseout', opc0);
		});
	</script>
</body>
</html>